<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>图书管理</title>
    <link rel="stylesheet" href="./yangshi.css">
</head>

<body>
    <div class="bk"><img src="../logo.png" alt=""></div>
    <p id="ziduan1">添加图书</p>
    <div id="tianjia">
        <div class="nicheng">
            <div class="zd-1"><span>书名：</span><input type="text" id="shuming" placeholder="请输入书名"></div>
            <div class="zd-2"><span>作者：</span><input type="text" id="zuozhe" placeholder="请输入作者名"></div>
            <div class="zd-3"><span>出版年份：</span><input type="date" id="year" placeholder="请输入出版年份"></div>
        </div>
        <button id="tianjiabook">添加书籍</button>
    </div>
    <div class="ziduan5">
        <div id="sousuokuang"><input type="text" id="search" placeholder="请输入书籍昵称或作者名"><button id="sousuo">搜索</button></div>
    </div>
    <div id="sousuolist">

    </div>
    <div id="bianjits">
        <div id="tsxxbj">
            <p>编辑图书</p>
            <p>书名：<input type="text" id="xsm" placeholder="请输入书名"></p>
            <p>作者：<input type="text" id="xzzm" placeholder="请输入作者名"></p>
            <p>出版年份：<input type="date" id="xcbnf" placeholder="请输入出版年份"></p>
            <button id="baocun">保存</button>
        </div>
    </div>
    <script src="./jiegou.js"></script>
</body>

</html>